<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>产品官网页面</title>
		<link rel="stylesheet" href="../css/test7.css" />
	</head>
	<body>
		<div class="all">
			<!--导航栏-->
			<div class="header" id="top">
				<div class="newworld">
					<div class="book-red newworld-book-left">
						<div class="book-white"></div>
					</div>
					<div class="book-red newworld-book-center">
						<div class="book-white"></div>
					</div>
					<div class="book-red newworld-book-right">
						<div class="book-white"></div>
					</div>
					<div class="newworld-word" >
						新世界
					</div>
				</div>
				<div class="nav">
					<ul>
						<li><a class="sign people" href="#">&#xe61a;登录</a></li>
						<li><a href="#">关于我们</a></li>
						<li><a href="#">爱心社区</a></li>
						<li><a href="#">项目介绍</a></li>
						<li><a href="#">最新活动</a><div class="nav-red-line"></div></li>

					</ul>
					
				</div>
			</div>
			<!--大图-->
			<div class="part1">
				<div class="part1-img">
				<div class="part1-words">
					Time of new life
				</div>
				<p class="part1-p">	新时代，年轻的人们让我们一起</p>
				<p class="part1-p part1-p1">体验新生活，享受新生活</p>
				<div><a class="experience" href="#">开始体验</a></div>
				</div>	
			</div>
			<!--目的-->
			<div class="part2">
				<div class="part2-top">
					<div class="part2-all">
						<div class="part2-top-one-circle3">
							<div class="part2-top-one-circle2">
								<div class="part2-top-one-circle"></div>
							</div>
						</div>
					</div>
					<div class="part2-all">
						<div class="flag">&#xe600;</div>
					</div>
					<div class="part2-all">
						<div class="flower">&#xe8bc;</div>
					</div>
					<div class="part2-all ">
						<div class="frame">&#xe626;</div>
					</div>
				</div>
				<div class="part2-botton">
					<div class="part2-all">
						<div class="part2-botton-one">打造全新世界观，让你更爱你的生活</div>
						<div class="gray-line">&#xe61d;</div>
					</div>
					<div class="part2-all">
						<div class="part2-botton-two">丰富多彩的公益活动，发挥新世界的主人公意识</div>
						<div class="gray-line">&#xe61d;</div>
					</div>
					<div class="part2-all">
						<div class="part2-botton-three">时尚的新理念，超前体验未知的生活</div>
						<div class="gray-line">&#xe61d;</div>
					</div>
					<div class="part2-all">
						<div class="part2-botton-foure">完善的培训机制，培养你全新的世界观</div>
					</div>
				</div>
			</div>
			<!--承启-->
			<div class="part3">
				<div class="part3-book">
					<div class="book">&#xe60f;</div>
				</div>
				<div class="par3-write">
					关于新世界，你不知道的还有什么？
				</div>
			</div>
			<!--城市信息-->
			<div class="part4">
				<div class="part4-words">
					<div class="part4-information">查找新世界城市活动信息</div>
					<div class="white-line">&#xe62e;</div>
					<div class="part4-know">每个城市都有不同的活动信息，请自助查询您所需要了解的城市</div>
					<div class="li">
						<form action="#">
							<select>
								<option>国家</option>
								<option>中国</option>
								<option>美国</option>
								<option>英国</option>
							</select>
							<select >
								<option>省份</option>
								<option>海南</option>
								<option>北京</option>
								<option>广东</option>
							</select>
							<select >
								<option>城市</option>
								<option>海口</option>
								<option>三亚</option>
								<option>琼海</option>
							</select>
							<input class="select-button" type="button" value="搜       索"/>
						</form>
					</div>
				</div>
			</div>
			<!--各城市活动-->
			<div class="part5">
				<div class="part5-beijing">
					<div class="beijing-img">
						<img src="../img/落日.jpg" width="170px" height="320px" />
						
					</div>
					<div class="beijing-words">
						<p><b>北京活动</b></p>
						<p class="shanghai-botton">新社区大联盟</p>
					</div>
				</div>
				<div class="part5-shanghai">
					<div class="bshanghai-words">
						<p class="shanghai-top"><b>上海活动</b></p>
						<p class="shanghai-botton">夜上海景观探索</p>
					</div>
					<div class="shanghai-img">
						<img src="../img/江雾.jpg" width="170px" height="320px" />
					</div>
				</div>
				<div class="part5-shenzhen">
					<div class="beijing-img">
						<img src="../img/江面.jpg" width="170px" height="320px" />
					</div>
					<div class="beijing-words">
						<p><b>深圳活动</b></p>
						<p class="shanghai-botton">全新海岸线观点站</p>
					</div>
				</div>
				<div class="part5-xianggang">
					<div class="beijing-img">
						<img src="../img/海雾.jpg	" width="170px" height="320px" />
					</div>
					<div class="beijing-words">
						<p><b>香港活动</b></p>
						<p class="shanghai-botton">奢侈消费大派送</p>
					</div>
				</div>
			</div>
			<!--介绍某个-->	
			<div class="part6">
				<div class="part6-left">
					<div class="part6-words">
						<div class="part6-newworld">新世界</div>
						<div class="part6-time">TIME</div>
						<div class="part6-from">@新世界-北京</div>
						<div class="part6-from">2017.9.12</div>
					</div>
					<div class="triangle-left">&#xe637;</div>
				</div>
				<div class="part6-right">
					<div class="part6-right-contro" id="#01">
						<p class="num-left">新世界／<span class="num">01</span></p>
						<p class=" num-buttom">
							新世界新世界新世界新世界新世界新世界新世界新世界新世界新世界
							新世界新世界新世界新世界新世界新世界新世界新世界新世界新世界
							新世界新世界新世界新世界新世界新世界新世界新世界新世界新世界
							新世界新世界新世界新世界新世界新世界新世界新世界新世界新世界
						</p>
						<!--<div class="part6-right-contro" id="#02">
						<p class="num-left">新世界／<span class="num">01</span></p>
						<p class=" num-buttom">
							新世界新世界新世界新世界新世界新世界新世界新世界新世界新世界
							新世界新世界新世界新世界新世界新世界新世界新世界新世界新世界
							新世界新世界新世界新世界新世界新世界新世界新世界新世界新世界
							新世界新世界新世界新世界新世界新世界新世界新世界新世界新世界
						</p>
						<div class="part6-right-contro" id="#03">
						<p class="num-left">新世界／<span class="num">01</span></p>
						<p class=" num-buttom">
							新世界新世界新世界新世界新世界新世界新世界新世界新世界新世界
							新世界新世界新世界新世界新世界新世界新世界新世界新世界新世界
							新世界新世界新世界新世界新世界新世界新世界新世界新世界新世界
							新世界新世界新世界新世界新世界新世界新世界新世界新世界新世界
						</p>-->
						<a class="num-more" href="#">更多详情</a>
						<a href="##01"><div class="part6-circle"></div></a>
						<a href="##02"><div class="part6-circle"></div></a>
						<a href="##03"><div class="part6-circle"></div></a>
					</div>
				</div>
			</div>
			<!--查看更多-->
			<div class="part7">
				<div class="part7-center part7-left">
					<div class="part7-block">
						<p class="part7-word">新时代</p>
						<p class="part7-word">关于爱生活的我们</p>
						<div class="white-line1">&#xe602;</div>
						<a class="more" href="#">查看更多</a>
					</div>
				</div>
				<div class="part7-center">
					<div class="part7-block">
						<p class="part7-word1">新时代</p>
						<p class="part7-word1">关于爱生活的我们</p>
						<div class="white-line2">&#xe602;</div>
						<a class="more1" href="#">查看更多</a>
					</div>
				</div>
				<div class="part7-right">
					<div class="triangle-right">&#xe8bd;</div>
				</div>
			</div>
			<!--注册志愿者-->
			<div class="part8">
				<div class="part8-top">
					<div class="part8-word">成为我们的志愿者</div>
					<div class="red-line">&#xe602;</div>
					<div class="part8-word1">
						新世界的大家庭需要每一个爱生活的人加入，如果你够年轻，
						有梦想，有激情
					</div>
					<div class="part8-word1">
						那就不要犹豫，快来加入我们，成为改变所
						有人生活的人
					</div>
				</div>
				<div class="part8-botton">
					<div class="part8-botton-left">
						<p class="title">新世界志愿者协议</p>
						<p class="content">加入新世界志愿者的人员必须遵守中华人
						   民共和国的相关法律法规，并且本着平等资源的原则......
						</p>
						<p class="right">more</p>
						<p class="button">&#xe624;</p>
						<p class="title">新世界志愿者权利</p>
						<p class="content">新世界志愿者享受新世界内部所有资源共享的权利，并且享受所在新世界活动的优先参与资格</p>
						<p class="right">more</p>
						<p class="button">&#xe624;</p>
						<p class="title ">更多条款</p>
						<p class="right margin">more</p>
						<p class="button margin1">&#xe624;</p>
					</div>
					<div class="part8-botton-right">
						<form action="#">
							<input class="input-text" type="text" placeholder="姓名" />
							<input class="input-text" type="text" placeholder="年龄" /><br />
							<input class="input-text" type="text" placeholder="联系方式" />
							<input class="input-text" type="text" placeholder="联系地址" />
							<textarea class="input-textarea" placeholder="请简单描述您梦想的生活"></textarea>
							<input class="input-button" type="button" value="提交申请" />
						</form>
					</div>
				</div>
			</div>
			<!--联系-->
			<div class="part9">
				<p class="link">联系我们</p>
				<p class="linkmore">
					为了更好的获取我们最新的产品资讯，您可以留下
					您的电子邮箱快速订阅我们的产品资讯
				</p>
				<p class="linkmore">也可以通过以下任何方式关注我们动态	</p>
				<form action="#">
					<input class="link-text" type="text" placeholder="someone@email.com" />
					<input class="link-button" type="button" value="提交" />
				</form>
				<div class="ico">
					<a title="QQ" href="#"><div class="qq">&#xe852;</div></a>
					<a title="微博" href="#"><div class="weibo">&#xe638;</div></a>
					<a title="推特" href="#"><div class="twiter">&#xec9c;</div></a>
					<a title="不知道什么鬼" href="#"><div class="email">&#xe603;</div></a>
				</div>
			</div>
			<!--版权等-->
			<div class="part10">
				<p class="button-p">@2017新世界</p>
				<div class="to-top"><a href="#top">Back to top</a></div>
			</div>
		</div>
	</body>
</html>
